Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(3000): Look reasonable on mobile #19262

Merged
merged 3 commits into from
Dec 12, 2023
Merged

fix(3000): Look reasonable on mobile #19262

merged 3 commits into from
Dec 12, 2023

Conversation

Twixes
Copy link
Member

@Twixes Twixes commented Dec 11, 2023

Changes

The 3000 UI was janky on mobile, with horizontal places in many places, often because of breadcrumbs.
Screenshot 2023-12-11 at 23 24 07

We were also showing keyboard shortcuts even if they couldn't be used:
Screenshot 2023-12-11 at 23 25 27

These problems are now solved.
Overflow of breadcrumbs is still a problem, but for that I'm working on a separate solution that'd also work for long titles on desktop.

@Twixes Twixes requested a review from a team December 11, 2023 22:29
Copy link
Contributor

Size Change: 0 B

Total Size: 1.83 MB

ℹ️ View Unchanged
Filename Size
frontend/dist/toolbar.js 1.83 MB

compressed-size-action

Copy link
Contributor

@thmsobrmlr thmsobrmlr left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yup, that's a lot better

@thmsobrmlr
Copy link
Contributor

Btw I'd love to test this on a real phone (vs browser with dev tools). Do you have a setup that works this way i.e. listens on the Mac's ip instead of localhost?

@Twixes
Copy link
Member Author

Twixes commented Dec 12, 2023

I found these issues actually using PostHog on mobile, but didn't test the PR on a real device, just the dev tools mobile simulation.

But this should be pretty simple if you're using VS Code, you can expose localhost publicly with the "Ports" feature (I think they mostly added it to make Codespaces usable). @thmsobrmlr
Screenshot 2023-12-12 at 13 32 09

@Twixes Twixes enabled auto-merge (squash) December 12, 2023 12:35
@Twixes Twixes merged commit 28a3663 into master Dec 12, 2023
79 checks passed
@Twixes Twixes deleted the hide-kbd-shrtct-on-mobile branch December 12, 2023 12:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants